<?php
/* 
 *  proxecto
 * 
 *  Copyright (c) 2011
 * 
 *  This file is part of dolpheuscms.
 *  Version: $Id
 *  Created on 13-mrt-2011, 22:07:41
 *  Author: Harrie
 * 
 *  This Content Management System is a product of http://www.twidel.nl.
 * 
 *  No manipulation, reproduction or publication in any form without prior written
 *  permission from the copyright holder. Infrigements will result in legal action.
 */

?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <?php include_http_metas() ?>
    <?php include_metas() ?>
    <title>
        <?php if (!include_slot('title')): ?>
            proxecto - services
        <?php endif ?>
    </title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <?php include_stylesheets() ?>
    <?php include_javascripts() ?>
</head>

<body>

    <div id="container">

        <div id="wrapper">

            <!-- header -->
            <div id="header">
                <div id="logo"><a href="#"><img src="/images/proxecto/logo.gif" class="noBorder" alt="proxecto-logo" /></a></div>
                <div id="navigation-bar">
                    <?php include_component('pages', 'menu') ?>
                </div>
            </div>
            <!-- end header -->

            <!-- slider -->
            <div id="slider-bar">
                <div id="left-arrow">
                    <a href="#"><img src="/images/proxecto/left-arrow.gif" id="previous" class="noBorder" alt="left-arrow" /></a>
                </div>
                <div id="project-wrapper" style="overflow: hidden">
                    <div class="slide">
                        <div class="iMac-preview">
                            <img src="/images/proxecto/iMac.jpg" alt="iMac" />
                            <div class="iMac-inside">
                                <img src="/images/proxecto/preview.gif" alt="site-preview" />
                            </div>
                            <div class="iMac-light"></div>
                        </div>
                        <div class="site-preview">
                            <h1><a href="#">twidel solutions /</a></h1>
                            <p>
                                twidel solutions is een klein bedrijf die op maat, voor uw werkzaamheden,
                                doeleinden een computer samenstelt, installeert en u ondersteund bij eventuele
                                problemen na de aankoop.
                            </p>
                            <p>website <span class="gray">/</span> <a href="http://www.twidel.nl">www.twidel.nl</a> <span class="gray">/</span> <a href="#">meer info</a>
                        </div>
                    </div>

                    <div class="slide">
                        <div class="iMac-preview">
                            <img src="/images/proxecto/iMac.jpg" alt="iMac" />
                            <div class="iMac-inside">
                                <img src="/images/proxecto/kapsalonietsanders.gif" alt="site-preview" />
                            </div>
                            <div class="iMac-light"></div>
                        </div>
                        <div class="site-preview">
                            <h1>Kapsalon Iets Anders /</h1>
                            <p>
                                Kapsalon Iets Anders is een trendy kapsalon in het hartje van Maarheeze.
                                Dames, heren en kinderen zijn hier van harte welkom voor een leuke, verfrissende look!
                                Een vlot, enthousiast en creatief team staat voor je klaar.
                            </p>
                            <p>
                                website <span class="gray">/</span> <a href="http://www.kapsalonietsanders.nl">www.kapsalonietsanders.nl</a> <span class="gray">/</span> <a href="#">meer info</a>
                            </p>
                        </div>
                    </div>

                </div>
                <div id="right-arrow">
                    <a href="#"><img src="/images/proxecto/right-arrow.gif" id="next" class="noBorder" alt="left-arrow" /></a>
                </div>
            </div>
            <!-- end slider -->

            <!-- divider -->
            <div id="divider-top-content"></div>
            <!-- end divider-->

            <!-- content -->
            <div id="content-bar">
                <div id="content-left-portfolio">
                    <?php //echo $sf_content ?>
                    <?php include_component('portfolio', 'slider'); ?>
                </div>
            </div>
            <!-- end content -->
            
        </div>

        <div id="footer">
            <div id="inner-footer">
                <div id="inner-footer-left">Copyright © 2011 twidel | Powered by proxectocms &amp; symfony</div>
                <div id="inner-footer-right">
                    <?php include_component('pages', 'footer') ?>
                </div>
            </div>
        </div>

    </div>
    
    <script>
    // Initialize Galleria
    $('#galleria').galleria({
        debug: true,
        height: 280,
        width: 550
    });
    </script>
    
</body>
</html>